/*basic*/
html,body{ height:100%}
.content-wrapper, .right-side{ background-color: #d6deea}
#wrapper{ height:100%; overflow-y:auto}

/*user account*/
.user-image-bg{ background-position:center; background-size:cover}

/*SocialAccount*/
.social-account .user{ overflow: hidden; margin-right:10px}
.social-account .user a{ height: 50px; border-radius:50%; background-color:#f7f7f7; padding-left: 9px; padding-right: 9px}
.social-account .user a .user-image{ opacity: 0.2; margin-right: 0}
.social-account .active a .user-image,.social-account .user:hover a .user-image,.social-account .user-plus a .user-image{ opacity: 1}
.social-account .user-plus a .user-image{ line-height: 36px; text-align: center; border-radius: 50%; background-color: rgba(0,0,0,0.1); margin-right:0!important}

/*sidebar*/
.sidebar-menu .treeview-menu{ padding:5px}

/*content-header*/
.content-header{ padding-top:25px}

/*box*/
.box{ margin-top:10px}

/*modal*/
.modal{ overflow-y:auto}
.modal .nav-tabs-custom{ box-shadow:none; margin-bottom:10px}
.modal .nav-tabs-custom .box-footer{ border:none; margin-top:10px}
.wall-icon{ display:inline-block; width:60px; height:60px; border-radius:50%; background-color:#f39c12; text-align:center; font-size:26px; color:#fff; line-height:64px; vertical-align:middle; margin-right:10px}

/*parlly-hack*/
.timeline>li{ z-index:1}

/*quick entry*/
.entry-list{ background-color:#d6deea; overflow:hidden}
.entry-list .col-md-3{ padding:7px}
.entry-list .col-md-3>div{ height:230px; text-align:center; background-color:#fff; border-radius:3px; -webkit-box-sizing:initial; -moz-box-sizing:initial; box-sizing:initial; padding:30px 20px}
.entry-list .col-md-3>div h1{ font-size:16px; font-weight:bold; margin:20px 0}
.entry-list .col-md-3>div p{ height:54px; color:#939bae; -webkit-box-sizing:initial; -moz-box-sizing:initial; box-sizing:initial; padding:0 0 20px 0}
.entry-list .col-md-3 .wechat_submit a{ color:inherit}
.entry-list .col-md-3 .wechat_submit input{ background-color:transparent; color:inherit; font-size:inherit; box-shadow:0 0 2px #000; float:none; margin: 0}
.entry-list .col-md-3 .wechat_submit input:hover,.big_detail_window .detail_main .col-md-3>div:hover .wechat_submit input{ background-color:#527D81; color:#fff; box-shadow:none}
.entry-list .col-md-3>div:hover{ box-shadow:0 0 6px #485674}
.entry-list .col-md-3:hover .wechat_submit input{ background-color:#527D81; color:#fff}


/*照片墙后台新样式*/
/*样式覆盖*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left:10px; padding-right:10px}
.content-header{padding-left:20px}
.sidebar-toggle{ visibility:hidden}
.content-header{ padding-right:20px}
.btn{ font-size:14px; min-width:68px}
.box-footer{ background-color:#f7f7f7}
.content-wrapper{ background-color:#ecf0f5}
.modal .nav-tabs-custom .box-footer{ background-color:transparent}
.main-footer{ overflow:hidden; font-size:13px}

/*新样式*/
.wall_item{ position:relative}
.wall_item .box{ display:block; height:386px; overflow:hidden; background-position:center; background-size:cover}
.wall_item .box-header{ padding:0 20px 0}
.wall_item .box-body{ height:241px; position:relative; background:none; color:#fff; padding:10px 20px 20px}
.wall_item .box-body p{ text-align:justify; color:inherit}
.wall_item .box-body p:first-child{ height:9.8em; overflow:hidden}
.wall_item .box-footer{ position:absolute; left:0; bottom:0; right:0; display:-ms-flexbox; display:flex; -ms-flex-direction:row; flex-direction:row; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; padding:20px}
.wall_item .box-footer:before,.wall_item .box-footer:after{ content:none}
.wall_item .box-header h4{ height:40px; position:relative; line-height:40px; display:flex; flex-direction:row}
.wall-logo{ width:40px; height:40px; border-radius:50%; box-shadow:0 0 1px #ddd; background-position:center; background-size:cover; margin-right:20px}
.wall_item .box-header h4 a{ color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background:none!important}
.wall_item .box-header h4 span{ font-size:14px; vertical-align:middle}
.wall_item .box-body .box-date{ text-align:right; margin-bottom:20px}
.wall_item .box-body .btn.pull-right{ margin-left:12px}
.box-setting{ color:inherit; font-size:23px; cursor:pointer; padding:1px 6px}
.box-setting-sm{ font-size:21px; margin-top:2px}
.wall_add{ cursor:pointer}
.wall_add .box-body{ text-align: center}
.wall_add .box-body .icon-plus{ width:80px; height:80px; position:relative; border-radius:40px; font-size:80px; line-height:88px; border:2px solid #fff; margin:100px auto 35px}
.wall_add .box-body .icon-plus:before{ content:" "; width:2px; height:42px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-color:#fff }
.wall_add .box-body .icon-plus:after{ content: " "; width:42px; height:2px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-color:#fff}
.wall_add .box:hover{ background-color:#357ca5!important}
.content-header a.pull-right{ font-size:14px; text-decoration:underline; margin:10px 10px 0 0}
.wall_item_body{ position:absolute; left:0; right:0; bottom:-10px}
.wall-clipboard-box{ border-top:1px solid #f4f4f4; padding:20px}

.wall_item .front{ transition-duration:0.2s}
.wall_item .back{ width:auto; position:absolute; left:10px; right:10px; top:0; transform:rotateY(90deg); -moz-transform:rotateY(90deg); -webkit-transform:rotateY(90deg); transition-duration:0.2s; transition-delay:0.2s}
.wall_item:hover .front{ transform:rotateY(90deg); -moz-transform:rotateY(90deg); -webkit-transform:rotateY(90deg)}
.wall_item:hover .back{ transform:rotateY(0deg); -moz-transform:rotateY(0deg); -webkit-transform:rotateY(0deg)}
.wall_item_hover .front{ transition-delay:0.2s}
.wall_item_hover .back{ transition-delay:0s}
.wall_item_hover .box-header h4{ display:block}
.wall_item .back .box-header *,.wall_item .back .box-body *{ color:#333!important}
.wall_item .back .box-header input{ outline:none; cursor:pointer}
.wall_item .back .help-block{ color:#d2d6de!important; margin-bottom:-10px}
.wall_tools{ overflow: hidden; padding:5px 20px}
.setrealtime-botton{ position:absolute; right:0; top:0}
.calendar.second>.calendar-time{display:none}

.wall-box{ padding-left:20px; padding-right:20px}
.form-box .box-body{ min-height:440px; padding:20px 20px}
.photo_upload{ width:86px; height:86px; position:relative; border:1px solid #d9d9d9; margin:0 auto 10px auto}
.photo_upload:before{ content:" "; width:2px; height:44px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-color:#d9d9d9 }
.photo_upload:after{ content: " "; width:44px; height:2px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background-color:#d9d9d9}
.photo_upload img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:10}
.photo_upload_box{ text-align:center; margin-top:10px}
.photo_upload_box .btn{ min-width:88px}
.photo_upload_box input[type=file]{ display:none}

.user_item .widget-user .widget-user-image>img{ height:90px}
.user_item .widget-user .widget-user-header{ height:80px}
.user_item .widget-user .widget-user-image{ top:25px; left:auto; right:20px; margin-left:0}
.user_item .widget-user .box-footer{ height:140px; padding:20px 20px}
.user_item .widget-user .box-footer p{}
.user_item .widget-user .box-footer:last-child{ height:auto; border:none}
.user_item .bg-aqua-active{ background-color:#f0f0f0!important}
.admin_item .bg-aqua-active{ background-color:#428bca !important}
.author_item .bg-aqua-active{ background-color:#5cb85c !important}
.user_item .bg-aqua-active h4{ color:#333; font-size:20px}
.admin_item .bg-aqua-active h4,.author_item .bg-aqua-active h4{ color:#fff}

.btn-active{ background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05); background-color: #D9D9D9; outline: 0}
.media>.btn.pull-right,.media>.btn.pull-left{ min-width:0; padding-left:10px; padding-right:10px}

.photolist-empty{ text-align:center; font-size:24px; color:#aaa; margin-top:120px}
.photolist-empty .fa{ font-size:120px; vertical-align:middle; margin-bottom:10px }

.walllist-empty-icon{ padding:10px 0}
.walllist-empty-icon>.img-responsive{ display: inline-block; max-width: 50%}

.origin-btn-group{ margin-top:-2px}
.origin-btn-group .btn{ outline:none!important; font-size:12px; min-width:0}

/*wall list row layout*/
.wall-item-row{ height:170px; display:flex}
.wall-item-row-bg{ height:170px; width:30%; position:relative; background-position:center; background-size:cover}
.wall-item-row-bg:after{ content:''; position:absolute; right:0; top:0; border-bottom:170px solid #fff; border-left: 100px solid transparent}
.wall-item-row-content{ flex:1; position:relative; padding:0 20px 0 30px}
.wall-item-row-content h3{ display:flex; align-items:center; font-size:20px}
.wall-item-row-content h3>a{ color:inherit}
.wall-item-row .box-date{ position:absolute; right:20px; bottom:45px; background-color:#fff; padding-left:1em}
.wall-item-row .box-desc{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2}
.wall-item-row .box-setting{ opacity: 0.8; padding:1px 10px}
.wall-item-row .box-setting:hover{ color:inherit!important; opacity:1}
.wall-item-row .box-setting>span{ font-size:13px; margin-left:8px}

.wall-item-row-content .box-footer{ display:flex; min-height:43px; position:absolute; left:-73.7px; right:0; bottom:1px; /*padding-left: 97.125px;*/ padding-top: 2px; padding-bottom: 2px}
.wall-item-row-content .box-footer:before{ content:''; position:absolute; left:-24.3px; top:-1px; border-bottom:43px solid #f7f7f7; border-left: 25.3px solid transparent}
.wall-item-row-tools{ flex:1; text-align:right}

.wall-qrcode{ flex:1; text-align:right}
.wall-qrcode>i{ position:relative; cursor:pointer}
.wall-qrcode>i>.tooltip{ display:none; opacity:1; right:120%; top:-10px}
.wall-qrcode>i:hover .tooltip{ display:block}
.wall-qrcode>i>.tooltip>.tooltip-inner{ background:#444; padding:3px}
.wall-qrcode>i>.tooltip>.tooltip-arrow{ top:20px; border-left-color:#444}

.wall-clipboard{ display:none; position:relative; font-size:18px; cursor:pointer; margin-left:15px}
.wall-item-row:hover .wall-clipboard{ display:block; opacity:0.7}
.wall-item-row .wall-clipboard:hover{ opacity:1}
.wall-clipboard .tooltip{ display:none; opacity:1; width:8em; text-align:center; white-space:nowrap; left:-3em}
.wall-clipboard:hover .tooltip{ display:block}

.wall-row-realtime{ display:flex; align-items:center}
/*上传素材*/
/*.modalNone {
    display: none !important;
}*/
.modalLg {
    width:1100px !important;
    max-width:90% !important;
    margin:5% auto !important;
}
#upload_avatar {
    display: none;
}
.LableWH {
    width:100% !important;
}
.imgDivStyle {
    width: 90%;
    height: 300px;
    line-height: 280px;
    border: 5px dotted #d9d9d9;
    margin: 10px auto;
    overflow:hidden
}
.imgPosition {
    float: left;
    width:100%;
    height:100%;
}
.formCortorlText {
    border-radius: 0;
    box-shadow: none;
    display: block;
    margin:30px auto;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.textareaDivStyle{
    width: 90%;
    margin: 10px auto;
}
.jubo {
    line-height: 200px;
    margin:0px;
    font-size: 30px!important;
}
.jumbotronStyle {
    width:100%;
    height:100%;
    padding:0px !important;
    background-color: transparent;
    margin:0px !important;
    text-align: center;
    color: #d9d9d9;
}
.inputZIndex {
    z-index: 1000;
}
.videClass {
    z-index:9999;
    height:290px;
    float: none;
}
.imageClass {
    max-height:290px !important;
    max-width:100%
}
.btnnStyle {
    height:34px;
    line-height: 8px
}
.mainZ-index {
    overflow: visible;
}
.HMargin {
    margin:0px !important;
}

/*覆盖前台样式*/

@media (min-width:1000px) {
    #main{ width:750px}
}

@media (min-width:1250px) {
    #main{ width:1000px}
}

@media (min-width:1500px) {
    #main{ width:1250px}
}

@media (min-width:1750px) {
    #main{ width:1500px}
}

@media (min-width:2000px) {
    #main{ width:1750px}
}

@media (min-width:1095px) {
    #main{ width:1000px}
}

@media (min-width:1345px) {
    #main{ width:1250px}
}

@media (min-width:1595px) {
    #main{ width:1500px}
}

@media (min-width:1845px) {
    #main{ width:1750px}
}

@media (min-width:2095px) {
    #main{ width:2000px}
}


/*素材详情*/
.asset-image{
    min-height: 400px;
    text-align: center;
    padding-left: 0px;
    padding-right:15px;
    align-items: center;
    display: flex;
}
.fix-body{
    overflow: hidden !important;
}

.save-revise{
    margin: 10px;
    float: right;
}
.fixed-edit{
    min-width: 0;
    padding: 0 10px
}
.fixed-image{
    max-width: 100%;
    margin:0 auto
}
.contentImagesStyle {
    width: 100%;
    height: 100%;
    float: left;
    background-size: cover !important;
    background-position: center;
}

/*朋友圈报表*/
.indexchart-list{ height:100%; position:relative; padding:0 10px}
.indexchart-item{ position:relative; top:50%; margin-top:-64px}
.indexchart-item .small-box{ height:128px; margin:0}
.indexchart-item .small-box .inner{ padding:20px}
.indexchart-item .small-box .icon{ top:-5px; right:20px}
.amcharts-chart-div a[title='JavaScript charts']{display:none!important}
.overlay-lock>i{ font-size:60px!important; margin-left:-19px!important}

/*fixed toolbar*/
.fixed-toolbar{ position:fixed; right:20px; bottom:20px; z-index:9999}
.fixed-toolbar-item{ width:45px; height:45px; text-align:center; line-height:45px; font-size:21px; background:#999; color:#fff; opacity:0.6; cursor:pointer; margin-bottom:10px}
.fixed-toolbar-item:hover{ opacity:0.8}
.fixed-toolbar-item:last-child{ margin-bottom:0}

/*top helping-item*/
.helping-content{ min-height:0}
.helping-item .box{ margin-bottom:0}
.helping-item .box-body{ min-height:120px; display:flex; display:-webkit-flex; align-items:center;}
.helping-item .box-body>.fa{ width:46px; line-height:46px; text-align:center; font-size:29px; border-radius:50%; margin:0 20px 0 10px}
.helping-item-content{ flex:1}
.helping-item-content p{ margin:0}
.helping-item-content p a{ text-decoration:underline}